<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>快快车生活 - 首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/jquery.fullPage.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <style>
        .section { text-align: center; font: 50px "Microsoft Yahei"; }
        .section1 h3{ text-indent: -9999px; width: 100%; position: absolute; overflow: hidden; margin: 0 auto; }
        .section1 h3.c-1{ background: url("assets/i/website01.png") no-repeat 0 0; height: 38px; left: 43%; top: 140px; }
        .section1 h3.c-2{ background: url("assets/i/website02.png") no-repeat 0 0; height: 142px; left: 20%; top: 205px; }
        .section1 h3.c-3{ background: url("assets/i/website03.png") no-repeat 0 0; height: 40px; left: 45%; top: 480px; }
        footer{ position: fixed; bottom: 0; width: 100%; text-align: center; padding-bottom: 38px; }
    </style>
</head>
<body>
<div id="dowebok">
    <div class="section section1">
        <h3 class="c-1">中国大陆首创</h3>
        <h3 class="c-2">快快极致打蜡洗车</h3>
        <h3 class="c-3">即将面世</h3>
        <footer>
            <div><img src="assets/i/logo-bottom.png" width="236" height="29" alt=""/></div>
        </footer>
    </div>
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jq.easing.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fullPage.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#dowebok').fullpage({
            sectionsColor: ['#00632d']
        });
    });
</script>
</body>
</html>